<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="../ExtJS/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="../ExtJS/ext-all.js"></script>
		<script type="text/javascript">
			var Animal = function() {
				alert("this is Animal constructor");
				this.name = 'animal';
				this.age = 7;
			}
			Animal.prototype.getAge = function() {
				alert(this.name + ' age is ' + this.age);
			}
			Animal.prototype.getName = function() {
				alert("this is the " + this.name + " Name!");
			}
			
			var an = new Animal();
			an.getName();
			an.getAge();
		
			var Cat = Ext.extend(Animal, {
				name: 'cat',
				age: 12,
				constructor: function() {
					alert("this is Cat constructor");
					//this.superclass().constructor(arguments);
				}
			})
			
			var cat = new Cat();
			cat.getName();
			cat.getAge();
		</script>
	</head>
	<body>
	</body>
</html>
